<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta name="screen-orientation" content="portrait"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <title>琪琪聊天室</title>
    <style>
        @media only screen and (min-width: 641px) {
            body, html {
                font-size: 234.38px !important;
            }
        }

        @media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
            body, html {
                font-size: 200px !important;
            }
        }

        @media only screen and (max-width: 600px), only screen and (max-device-width: 600px) {
            body, html {
                font-size: 187.5px !important;
            }
        }

        @media only screen and (max-width: 540px), only screen and (max-device-width: 540px) {
            body, html {
                font-size: 168.75px !important;
            }
        }

        @media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
            body, html {
                font-size: 150px !important;
            }
        }

        @media only screen and (max-width: 414px), only screen and (max-device-width: 414px) {
            body, html {
                font-size: 129.38px !important;
            }
        }

        @media only screen and (max-width: 400px), only screen and (max-device-width: 400px) {
            body, html {
                font-size: 125px !important;
            }
        }

        @media only screen and (max-width: 375px), only screen and (max-device-width: 375px) {
            body, html {
                font-size: 117.19px !important;
            }
        }

        @media only screen and (max-width: 360px), only screen and (max-device-width: 360px) {
            body, html {
                font-size: 112.5px !important;
            }
        }

        @media only screen and (max-width: 320px), only screen and (max-device-width: 320px) {
            body, html {
                font-size: 100px !important;
            }
        }

        @media only screen and (max-width: 240px), only screen and (max-device-width: 240px) {
            body, html {
                font-size: 75px !important;
            }
        }
        .vux-confirm {
            font-size: .16rem;
        }
        .vux-toast {
            font-size: .16rem;
        }
        .vux-loading {
            font-size: .16rem;
        }
    </style>
</head>
<body>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
